<template>
	<!--邀请按钮组件-->
	<div class="invite-box">
		<img src="../../../assets/images/invite-icon.png" />
		<p v-text="inviteTitle"></p>
	</div>
</template>

<script>

export default {
	props: {
		inviteTitle: {
			type: String,
			default: '邀请榜'
		},
	},
};
</script>

<style scoped="scoped">
.invite-box {
	height: 40px;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 20px;
	padding: 0 24px 0 12px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.invite-box img {
	width: 24px;
	height: 24px;
}

.invite-box p {
	font-size: 24px;
	font-weight: 400;
	color: #FFFFFF;
	margin-left: 16px;
}
</style>